<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
	<script type="text/javascript" src="jquery.calendar-widget.js"></script> 
	<link rel="stylesheet" type="text/css" href="style.css"   />
	<title>calendar</title>
	<style>
		td, th {
			border-left: 1px solid #999;
			border-bottom: 1px solid #999;
			width: 120px;
			padding: 10px 0;
			text-align: center;
		}
		
		table {
			border-right: 1px solid #999;
			border-top: 1px solid #999;
		}
		
		th {
			background: #666;
			color: #fff;
		}
		
		.other-month {
			background: #eee;
		}
	</style>
	
	<script type="text/javascript">
	$(document).ready(function() {
		var calendar = $('#calendar');
		//calendar.calendarWidget({month: 8,year: 2009});
		calendar.calendarWidget();
	});
	</script>
	
</head>



<body>
	
<div id="calendar"></div>

</body>






</html>